import React, { Component } from 'react'
import Dialog from './Dialog'

export default class Index extends Component {
  render () {
    return (
      <div>
        {/* 默认插槽，放在子组件的标签中使用 */}
        {/* 类似于插槽 */}
        <Dialog>
          <table border='1px'>
            <thead>
              <th>食物</th>
              <th>销量</th>
              <th>价格</th>
            </thead>
            <tbody>
              <tr>
                <td>薯条</td>
                <td>热销</td>
                <td>12</td>
              </tr>

              <tr>
                <td>汉堡</td>
                <td>热销</td>
                <td>13</td>
              </tr>

              <tr>
                <td>辣翅</td>
                <td>热销</td>
                <td>14</td>
              </tr>
            </tbody>
          </table>

          <hr />
          <form action='' style={{ border: '1px' }}>
            <p>
              用户名：
              <input type='text' />
            </p>
            <p>
              密码：
              <input type='text' />
            </p>
          </form>
        </Dialog>
      </div>
    )
  }
}
